<template>
	<view class="" style="background-color: white;">
		<uni-popup class="pop" ref="popupRef" borderRadius='10px 10px 0px 0px' backgroundColor='white' type="bottom"
			:animation="true">
			<view class="isword" @click="fixPage">编辑</view>
			<view class="isword" @click="deletePage">删除</view>
		</uni-popup>
	</view>
</template>

<script setup>
	import {
		onMounted,
		ref
	} from 'vue';
	const popupRef = ref(null);
	const phoneNumber = ref()
	// 暴露方法给父组件
	const emits=defineEmits(['deleteIt','openit'])
	const itemMore = ref()
	const exposeMethods = {
		showPopup: (item) => {
			console.log('选择的',item)
			itemMore.value = item
			popupRef.value.open();
		},
		closePopup: () => {
			popupRef.value.close();
		}
	};
	const fixPage = ()=>{
		popupRef.value.close();
		emits('openit',itemMore.value)
	}
	const deletePage = () =>{
		popupRef.value.close();
		emits('deleteIt',itemMore.value)
	}
	defineExpose({
		...exposeMethods
	});
</script>

<style scoped>
	.isword{
		    display: flex;
		    height: 150rpx;
		    font-size: 38rpx;
		    color: #333333;
		    justify-content: center;
		    align-items: center;
	}
	.isImageBackGourdiMAGE {
		width: 100vw;
		border-radius: 10px 10px 0 0;
		margin: 0 auto;
	}

	.insideBox {
		height: 5vh;
	}

	.pop-content {
		/* 添加样式 */
		background: #FFFFFF;
		width: 100vw;
		display: flex;
		border-radius: 20px 20px 0 0;
		justify-content: center;
		box-sizing: border-box;
	}

	.pop-content text {
		font-family: Lantinghei SC, Lantinghei SC;
		font-weight: 600;
		font-size: 32rpx;
		color: rgba(255, 255, 255, 0.9);
		line-height: 44rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}

	.button_2 {
		width: 110%;
		height: 192rpx;
		display: flex;
		flex-direction: column;
		gap: 104rpx;
		align-items: center;
	}

	.button_2 text {
		font-family: Lantinghei SC, Lantinghei SC;
		font-weight: 600;
		font-size: 32rpx;
		color: rgba(0, 19, 76, 0.9);
		line-height: 44rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.button_1 {
		font-weight: 600;
		font-size: 28rpx;
		color: rgba(0, 19, 76, 0.6);
		font-family: Lantinghei SC, Lantinghei SC;
	}
</style>